<template>
	<section style="height: 100%;background-color: #FFFFFF;">
		<back :title="'登陆'"></back>
		<p style="height: 0.5rem;"></p>
		<header>
			<rightArrow>
				<p><label>国家/地区</label><label>中国</label></p>
			</rightArrow>
			<p style="border-bottom: 1px solid #eee;"></p>
		</header>
		<article>
			<p>
				<delInput :pm="tel" :txt="'手机号码'"></delInput>
			</p>
			<p>
				<delInput :pm="pwd" :txt="'密码'"></delInput>
			</p>
		</article>
		<footer>
			<p class="fullBtn">登陆</p>
			<p class="fullBtn">注册</p>
			<p>忘记密码?</p>
		</footer>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	import rightArrow from '../com/rightArrow.vue';
	import delInput from '../com/delInput.vue';
	import back from '../com/back.vue';
	export default {
		data() {
			return {
				tel: {
					val: ''
				},
				pwd: {
					val: ''
				}
			}
		},
		components: {
			back,
			rightArrow,
			delInput
		},
		methods: {},
		created: function() {},
		mounted: function() {

		}
	}
</script>

<style scoped="scoped">
	.loginP {
		border-top: 1px solid #E8E8E8;
		line-height: 0.5rem;
		background-color: #FFFFFF;
		padding-left: 0.1rem;
	}
	
	header {
		background-color: #FFFFFF;
		padding: 0 0.15rem;
	}
	
	article {
		padding: 0 0.15rem;
		background-color: #FFFFFF;
	}
	
	article>p {
		border-bottom: 1px solid #eee;
	}
	footer{
		padding: 0 0.15rem;
	}
	footer p:nth-child(1){
		margin-top: 0.3rem;
	}
	footer p:nth-child(2){
		margin-top: 0.2rem;
		background-color: #FFFFFF;
		border: 1px solid rgb(158,129,104);
		color: rgb(158,129,104);
	}
	footer p:nth-child(3){
		color: rgb(158,129,104);
		text-align: center;
		margin-top: 0.4rem;
	}
</style>